<template>
  <div class="circle-img">
    <img :src="src" />
  </div>
</template>

<script>
export default {
  name: 'CircleImg',
  props: {
    src: String
  }
}
</script>

<style lang="stylus" scoped>
.circle-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid skyblue
  margin: 0 auto
  img {
    width: 100%;
  }
}
</style>
